*{box-sizing:border-box;-webkit-box-sizing:border-box;font-family:Arial;color:#000}
a:hover img{opacity:1}
.active-banner{width:100%}
.aff-content{width:100%;margin:0 auto}
.aff-content-top{width:834px;margin:30px auto 0}
.aff-content-top p.title{width:100%;text-align:center;font-size:16px;font-family:Arial;}
.title-share{width:100%;text-align:center;margin:22px auto 30px}
.aff-content-join{width:calc(100% - 190px);margin:0 95px 40px}
.aff-content-join p.title{font-size:16px;color:#330000;font-family:Arial;margin-bottom:6px}
.aff-content-join ul{display:inline-block;vertical-align:bottom;width:100%}
.aff-content-join ul li{display:inline-block;vertical-align:bottom;width:100%;position:relative;padding-left:10px;font-size:16px}
.aff-content-join ul li>a{display:inline-block;vertical-align:bottom;color:#454545;line-height:30px}
.aff-content-join ul li::before{display:block;width:4px;height:4px;background:#454545;border-radius:100%;content:"";position:absolute;top:13px;left:0}
.aff-content-middle{width:834px;background:#fff1e7;margin:0 auto}
.aff-content-middle .aff-content-middle-content{display:inline-block;vertical-align:bottom;width:100%;position:relative}
.aff-content-middle-content>.aff-join-img{width:375px;float:left}
.aff-content-middle-right{display:inline-block;vertical-align:bottom;width:calc(100% - 375px);padding:0 40px;}
.aff-content-middle-right p.title{width:100%;text-align:center;font-size:16px;font-family:Arial;color:#330000;padding:45px 0 20px 0;text-transform:uppercase}
.aff-content-middle ul{display:inline-block;vertical-align:bottom;width:100%}
.aff-content-middle-right li{display:inline-block;vertical-align:bottom;width:100%;line-height:26px;margin-bottom:5px;position:relative;padding-left:10px;color:#454545;}
.aff-content-middle-right li::before{display:block;width:4px;height:4px;background:#454545;border-radius:100%;content:"";position:absolute;top:11px;left:0}
.aff-content-bottom{width:100%;background:#fcfcfc;}
.aff-content-bottom-content{width:834px; margin:0 auto;}
.aff-content-bottom p.title{width:100%;text-align:center;padding:50px 0;font-family:Arial;color:#330000}
.aff-content-bottom-title{display:flex;display:-webkit-flex;align-items:center;justify-content:center;width:100%;padding:25px 0 45px;}
.aff-content-bottom-title>p{font-size:16px;color:#330000}
.aff-content-middle-right .title{width:100%;text-align:center}
.aff-content-foot{width:100%;text-align:center;margin-bottom:60px}
.aff-join-span{display:inline-block;vertical-align:bottom;padding:10px;background:rgba(243, 136, 46, 0.8);position:absolute;left:75px;bottom:70px;color:#fff;letter-spacing:1px}
.aff-join-img2{position:absolute;width:215px;bottom:-30px;right:10px}
.aff-btn{color:#000 !important}
.aff-email{display:block;width:55px;height:37px;background:url(../images/aff/icon-email.png) no-repeat;background-size:100% auto;margin-right:10px}

@media screen and (min-width:768px) and (max-width:991px){
    .aff-content-middle,.aff-content-top,.aff-content-bottom-content{width:100%}
    .aff-content-middle-content > .aff-join-img{width:310px}
    .aff-content-middle-right{width:calc(100% - 310px);padding:0 30px}
    .aff-content-bottom-content img{width:100%}
    .aff-email{width:45px}
    .aff-content-join{width:calc(100% - 128px);margin:0 64px 40px}
    .aff-content-middle-right p.title{padding:55px 0 20px 0}
}
@media screen and (min-width:320px) and (max-width:767px) {
    .aff-content-middle,.aff-content-top,.aff-content-bottom-content{width:100%}
    .aff-content-bottom-content img{width:100%;}
    .aff-content-top p.title{font-size:14px}
    .aff-content-join ul li{font-size:12px}
    .aff-content-middle-content > .aff-join-img{width:100%}
    .aff-content-middle-right{width:100%;padding:0 15px 50px;}
    .aff-content-middle-right li{font-size:12px;line-height:20px}
    .aff-content-middle-right p.title{font-size:14px;padding:25px 0 10px;}
    .aff-content-bottom p.title{font-size:14px;padding:20px 0 18px}
    .aff-content-bottom-title{padding:10px 0 25px;flex-direction:column}
    .aff-content-bottom-title > p{font-size:12px}
    .aff-join-span {font-size: 14px; letter-spacing: 0;bottom: inherit;width: 94%;text-align: center;left: 3%;font-weight: bold;top:7%}
    .aff-join-img2{width:24%;bottom:11px}
    .aff-content-join{width:88%;margin:0 6% 10px;}
    .title-share img{width:30%}
    .aff-content-join ul li > a{line-height:20px}
    .aff-content-join ul li::before{top:8px}
    .aff-content-middle-right li::before{top:8px}
    .aff-content-middle-right li:last-child{padding-right:110px}
    .aff-email{width:30px;height:20px;margin-right:0;margin-bottom:5px}
    .title-share{margin:11px auto 14px}
    .aff-content-top {margin: 15px auto 0;}
    .aff-content-foot{margin-bottom:10px}
    .aff-content-bottom-mobile{display:flex;display:-webkit-flex;align-items:center;justify-content:center;margin-bottom:6px}
    .aff-content-bottom-mobile>i{margin-right:5px;margin-bottom:0}
    .aff-list{display:inline-block;vertical-align:bottom;width:100%;padding:0 15px;}
    .aff-list>li{display:flex;display:-webkit-flex;width:100%;margin-bottom:10px;align-items:center}
    .aff-iconlist{display:inline-block;vertical-align:bottom;width:35px;height:35px;background:url(../images/aff/aff-iconlist.png) no-repeat;background-size:auto 100%}
    .aff-iconlist1{background-position:0 0}
    .aff-iconlist2{background-position:-35px 0}
    .aff-iconlist3{background-position:-70px 0}
    .aff-iconlist4{background-position:-105px 0}
    .aff-iconlist5{background-position:-140px 0}
    .aff-iconlist6{background-position:-175px 0}
    .aff-iconlist7{background-position:-210px 0}
    .aff-list p{width:calc(100% - 45px);margin-left:10px;font-family:Arial;font-size:12px;line-height:16px;color:#454545}
}
@media screen and (min-width:320px) and (max-width:359px){
    .aff-join-span {font-size: 12px;bottom: inherit;width: 96%;left: 2%; top: 6%; }
    .aff-content-middle-right li:last-child{padding-right:90px}
}
@media screen and (min-width:360px) and (max-width:374px){
    .aff-join-span {font-size: 13px;bottom: inherit;width: 96%;left: 2%; top: 7%; }

}